.shop-goods-balance {
  width: 100%;
  height: 100%;
  position: relative;

  >div {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }

  .shop-balance-bg {
    background: #000000;
    opacity: .5;
    border-radius: formatPx(49);
  }

  .shop-balance-content {
    .shop-balance-count {
      position: absolute;
      left: 0;
      top: formatPx(-19);
      height: formatPx(117);
      width: formatPx(87);

      .shop-balance-value {
        position: absolute;
        right: formatPx(-18);
        top: formatPx(1);
        background: #FF5124;
        color: #ffffff;
        width: formatPx(36);
        height: formatPx(36);
        line-height: formatPx(36);
        font-size: formatPx(28);
        border-radius: formatPx(18);
        text-align: center;
      }
    }

    .shop-balance-total {
      float: left;
      height: 100%;
      padding-left: formatPx(120);

      .shop-balance-price {
        color: #ffffff;
        font-size: formatPx(40);
        line-height: formatPx(98);
        margin-right: formatPx(16);
        font-weight: bold;
      }

      .shop-balance-sourcePrice {
        color: #b3b9c2;
        font-size: formatPx(24);
        text-decoration: line-through;
        margin-right: formatPx(16);
        line-height: formatPx(98);
      }
    }

    .shop-balance-btn {
      float: right;
      width: formatPx(188);
      height: formatPx(78);
      margin: formatPx(10);
      line-height: formatPx(78);
      border-radius: formatPx(39);
      color: #ffffff;
      background: #59C163;
      font-size: formatPx(34);
      text-align: center;
    }
  }
}
